import * as React from 'react'

export interface Props extends React.SVGAttributes<SVGElement> {}

const svgPath =
  'M14.1602 3H9.84015C9.42593 3 9.09015 3.33579 9.09015 3.75V4.665C9.09015 5.09992 8.8359 5.50801 8.40915 5.75104L8.37563 5.77038C7.93965 6.02273 7.4613 6.03855 7.08638 5.82302L6.28433 5.36127C5.92607 5.15502 5.46847 5.27755 5.26121 5.63522L3.10121 9.3627C2.89306 9.72195 3.01631 10.1819 3.37617 10.3889L4.16892 10.8449C4.51443 11.0437 4.73318 11.4178 4.76645 11.8633L4.77088 12.012C4.7719 12.5128 4.54584 12.9383 4.16888 13.1552L3.37617 13.6111C3.01631 13.8181 2.89306 14.278 3.10121 14.6373L5.26121 18.3648C5.46847 18.7225 5.92607 18.8449 6.28433 18.6387L7.08683 18.1767C7.42725 17.981 7.85355 17.9763 8.24708 18.1617L8.41613 18.2529C8.8359 18.492 9.09015 18.9001 9.09015 19.335V20.25C9.09015 20.6642 9.42593 21 9.84015 21H14.1602C14.5744 21 14.9102 20.6642 14.9102 20.25V19.335C14.9102 18.9363 15.1238 18.5602 15.488 18.3131L15.6246 18.2296C16.0607 17.9772 16.5385 17.9614 16.9142 18.1771L17.7159 18.6387C18.0742 18.8449 18.5318 18.7225 18.7391 18.3648L20.899 14.6373C21.1072 14.278 20.9839 13.8181 20.6241 13.6111L19.8314 13.1552C19.4858 12.9563 19.267 12.5822 19.2338 12.1367L19.2294 11.988C19.2283 11.4872 19.4544 11.0617 19.8314 10.8449L20.6241 10.3889C20.9839 10.1819 21.1072 9.72195 20.899 9.3627L18.7391 5.63522C18.5318 5.27755 18.0742 5.15502 17.7159 5.36127L16.9134 5.82327C16.5725 6.01898 16.1467 6.0237 15.7531 5.8383L15.5841 5.74713C15.1643 5.50801 14.9102 5.09992 14.9102 4.665V3.75C14.9102 3.33579 14.5744 3 14.1602 3ZM10.59 4.5H13.41L13.4102 4.665C13.4102 5.60226 13.9077 6.453 14.705 6.96727L14.8961 7.08165L15.05 7.16482C15.8803 7.58295 16.8552 7.58633 17.6611 7.12365L17.8155 7.03425L19.2232 9.4635L19.0835 9.54465C18.2697 10.0127 17.7834 10.8692 17.7336 11.8207L17.7294 12.012L17.7336 12.1806C17.7834 13.1308 18.2697 13.9873 19.0834 14.4553L19.2232 14.5358L17.8155 16.965L17.6618 16.8768C16.8552 16.4137 15.8803 16.417 15.0404 16.8406L14.8556 16.9416L14.7108 17.0294C13.9077 17.547 13.4102 18.3977 13.4102 19.335L13.41 19.5H10.59L10.5902 19.335C10.5902 18.3977 10.0925 17.547 9.29535 17.0327L9.1041 16.9184L8.9502 16.8352C8.11988 16.417 7.1442 16.4136 6.33885 16.8765L6.18375 16.965L4.77598 14.5358L4.91684 14.4553C5.73054 13.9873 6.2169 13.1308 6.26663 12.1793L6.2709 11.988L6.26663 11.8194C6.2169 10.8691 5.73054 10.0127 4.91687 9.54465L4.77598 9.4635L6.18375 7.03425L6.3384 7.1232C7.14413 7.5864 8.11988 7.58295 8.95988 7.15935L9.1446 7.0584L9.28943 6.97058C10.0925 6.453 10.5902 5.60226 10.5902 4.665L10.59 4.5ZM8.25 12C8.25 9.92902 9.92903 8.25 12 8.25C14.071 8.25 15.75 9.92902 15.75 12C15.75 14.071 14.071 15.75 12 15.75C9.92903 15.75 8.25 14.071 8.25 12ZM14.25 12C14.25 10.7575 13.2425 9.75 12 9.75C10.7575 9.75 9.75 10.7575 9.75 12C9.75 13.2425 10.7575 14.25 12 14.25C13.2425 14.25 14.25 13.2425 14.25 12Z' // eslint-disable-line max-len

// TEMPORARY COMPONENT FOR PRESENTATION PURPOSES
export const IconSettings: React.FC<Props> = ({
  width = 24,
  height = 24,
  viewBox = '0 0 24 24',
  fill = 'currentColor',
  ...props
}: Props) => {
  return (
    <svg {...props} width={width} height={height} viewBox={viewBox} fill={fill}>
      <path d={svgPath} fillRule="evenodd" />
    </svg>
  )
}

IconSettings.displayName = 'IconSettings'
